<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <title>Bootstrap</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。">
    <meta name="author" content="Bootstrap中文网">
    <meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
    <meta name="robots" content="index,follow">
    <meta name="application-name" content="bootcss.com">

    <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
	<!-- Le javascript -->
	<script src="bootstrap/js/bootstrap.min.js"></script>
  </head>
  <body data-spy="scroll" data-target=".bs-docs-sidebar">

<div class="container">
<h2 class="text-center">网页加载时间测试脚本</h2>
<p><a target="_blank" href="http://www.bootcss.com/">Bootstrap</a>是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。</p>
<div class="text-center">
    <div class="input-append">
    <input class="input-xxlarge" id="appendedInputButton" type="text" placeholder="请输入URL链接">
    <button class="btn" type="button">开始测试</button>
    </div>
</div>
<h4>text/html text/css image/jpeg image/png text/javascript</h4>
	<table class="table table-bordered table-striped responsive-utilities">
		<thead>
              <tr>
                <th>URL</th>
                <th>大小</th>
                <th>状态</th>
				<th>域</th>
				<th>IP</th>
                <th width="320px">时间线</th>
              </tr>
		</thead>
		<tbody>
              <tr>
                <th><a target="_blank" href="http://www.baidu.com/">http://www.baidu.com/</a></th>
                <td class="muted">4.4 KB</td>
				<td class="text-success">200 OK</td>
				<td><code>baidu.com</code></td>
				<td class="muted">220.181.112.143:80</td>
				<td>
					<div class="progress">
					<div class="bar bar-success" style="width: 35%;">1.14ms</div>
					<div class="bar bar-warning" style="width: 20%;">1.14ms</div>
					<div class="bar bar-danger" style="width: 10%;"></div>
					</div>
				</td>
              </tr>
              <tr>
                <th><a target="_blank" href="http://www.baidu.com/">http://www.baidu.com/</a></th>
                <td class="muted">4.4 KB</td>
				<td class="text-info">304 Not Modified</td>
				<td><code>baidu.com</code></td>
				<td class="muted">220.181.112.143:80</td>
				<td>
					<div class="progress">
					<div class="bar bar-success" style="width: 50%;">1.14ms</div>
					<div class="bar bar-warning" style="width: 20%;"></div>
					<div class="bar bar-danger" style="width: 10%;"></div>
					</div>
				</td>
              </tr>
			  <tr>
                <th><a target="_blank" href="http://www.baidu.com/">http://www.baidu.com/</a></th>
                <td class="muted">1.4 KB</td>
				<td class="text-error">404 Not Found</td>
				<td><code>baidu.com</code></td>
				<td class="muted">220.181.112.143:80</td>
				<td>
					<div class="progress">
					<div class="bar bar-success" style="width: 50%;">1.14ms</div>
					<div class="bar bar-warning" style="width: 20%;"></div>
					<div class="bar bar-danger" style="width: 10%;"></div>
					</div>
				</td>
              </tr>
		</tbody>
	</table>
</div>

  </body>
</html>